<template>
  <input
    v-show="modelValue"
    type="text"
    :value="modelValue"
    @input="emit('update:modelValue', (<HTMLInputElement>$event.target).value)"
  />
  <input
    v-show="objVal1"
    type="text"
    :value="objVal1"
    @input="emit('update:objVal1', (<HTMLInputElement>$event.target).value)"
  />
  <input
    v-show="objVal2"
    type="text"
    :value="objVal2"
    @input="emit('update:objVal2', (<HTMLInputElement>$event.target).value)"
  />
</template>

<script setup lang="ts">
defineProps(["modelValue", "objVal1", "objVal2"]);
const emit = defineEmits([
  "update:modelValue",
  "update:objVal2",
  "update:objVal1",
]);
</script>

<style lang="scss" scoped>

</style>
